 * {
 	padding:0;
 	margin: 0;
 }
 .px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.txh {
	display: flex;
}
header {
	border-bottom: 1px solid #ccc;
	background: #ffffff;
	ul {
		.px2rem(height,98);
		.txh();
		justify-content:space-between;
		align-items:center;
		.px2rem(padding-left,40);
		.px2rem(font-size,36);
	}
} 
section {
	.exchange {
		.exchange-top {
			ul {
				li:nth-child(2) {
					.px2rem(font-size,29);
					.px2rem(padding-top,27);
					text-align: center;
					color: #2a2a2a;
				}
			}
		}
		.exchange-content {
			ul {
				.px2rem(height,109);
				border-bottom: 1px solid #f9f9f9;
				.txh();
				justify-content:center;
				align-items:center;
				li {
					.px2rem(font-size,26);
					color: #aaaaaa;
				}
				li:nth-child(1) {
					img {
						.px2rem(padding-right,20);
					}
				}
				li:nth-child(2) {
					.px2rem(padding-left,34);
					.px2rem(padding-right,34);
				}
				li:nth-child(3) {
					img {
						.px2rem(padding-right,20);
					}
				}
			}
		}
		.exchange-bottom {
			background: #ffffff;
			ul {
				.px2rem(height,90);
				.txh();
				justify-content:space-around;
				align-items:center;
				li {
					color: #6a6a6a;
				}
			}
		}
	}
	.main {
		background: #f7f7f7;
		.main-top {
			ul {
				.px2rem(padding-left,30);
				.px2rem(height,88);
				.txh();
				align-items:center;
				li {
					.px2rem(font-size,26);
					color: #525252;
					img {
						.px2rem(padding-right,20);
					}
				}
			}
		}
		.main-content {
			.txh();
			justify-content:sapce-around;
			justify-content:center;
			dl:nth-child(1) {
				.px2rem(height,472);
				.px2rem(margin-right,40);
				background: #ffffff;
				dt {	
				}
				dd {
					p {
						.px2rem(font-size,26);
						color: #474747;
						.px2rem(padding-top,35);
						text-align: center;
						img {
							.px2rem(padding-right,12);
						}
					}
				}
			}
			dl:nth-child(2) {
				.px2rem(height,472);
				background: #ffffff;
				dt {	
				}
				dd {
					p {
						.px2rem(font-size,26);
						color: #474747;
						.px2rem(padding-top,35);
						text-align: center;
						img {
							.px2rem(padding-right,12);
						}
					}
				}
			}
		}
		.main-content-two {
			.px2rem(margin-top,30);
			.txh();
			justify-content:sapce-around;
			justify-content:center;
			dl:nth-child(1) {
				.px2rem(height,472);
				.px2rem(margin-right,40);
				background: #ffffff;
				dt {	
				}
				dd {
					p {
						.px2rem(font-size,26);
						color: #474747;
						.px2rem(padding-top,35);
						text-align: center;
						img {
							.px2rem(padding-right,12);
						}
					}
				}
			}
			dl:nth-child(2) {
				.px2rem(height,472);
				background: #ffffff;
				dt {	
				}
				dd {
					p {
						.px2rem(font-size,26);
						color: #474747;
						.px2rem(padding-top,35);
						text-align: center;
						img {
							.px2rem(padding-right,12);
						}
					}
				}
			}
		}
	}
	.main-button {
		background: #f7f7f7;;
		.px2rem(padding-left,32);
		.px2rem(padding-right,30);
		.px2rem(padding-top,22);
		button {
			width: 98%;
			.px2rem(height,83);
			.txh();
			align-item:center;
			justify-content:center;
			background: #ffffff;
			border:none;
		}
	}
}